.pro{ width: 100%; margin: 50px 0;}
.p-tt{ 
	width: 100%; 
	margin:0 auto;
	padding: 30px 0;
}
.p-tt .ptt-t{
	line-height: 60px;
	width: 380px; 
	font-size: 40px; 
	color: #0359a8; 
	text-align: center;
	margin: 0 auto;
}
.p-tt .ptt_x{
	height: 10px;
	width: 380px;
	border-bottom: 1px solid #b5b5b5;
	margin: 0 auto;
}
.p-tt .ptt-b{ 
	font-size: 18px;
    color: #999999;
    text-align: center;
    width: 380px;
    margin: 0 auto;
    margin-top: 15px;
}
.pro-list ul li{ background: #fff; text-align: center; display: inline-block; vertical-align: top; width: 376.5px;  margin-bottom: 30px; margin-right: 30px; transition: all .5s;}
.pro-list ul li:nth-child(3n){ margin-right: 0;}
.pro-list ul li .pic{ width: 100%; height: 275px; overflow: hidden;}
.pro-list ul li .title{ width: 100%; height: 53px; line-height: 53px; overflow: hidden;border-top: 1px solid #f4f4f4;}
.pro-list ul li .pic img{ width: 100%; height: 275px;  transition: all .8s;}
.pro-list ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.pro-list ul li:hover{ box-shadow: 0px 7px 13.92px 2.08px rgba(0, 0, 0, 0.15);}
.pro-list ul li .title{ color: #222222; font-size: 16px; transition: all .5s;}
.pro-list ul li:hover .title{ background: #0359a8; color: #fff;}
.p-dh{
	width: 100%;
	margin: 35px 0;
}
.p-dh ul li{
	width: 189px;
	height: 50px;
	text-align: center;
	font-size: 16px;
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
}
.p-dh ul li a{
	width: 190px;
	height: 50px;
	line-height: 50px;
	background: #0359a8;
	color: #fff;
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p-dh ul li a:hover{
	background: #ff9600;
}
.pro-list ul li:nth-child(6n){ margin-right: 0;}
.more{
	width: 190px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 70px;
}
.more a{
	width: 190px;
	height: 50px;
	display: block;
	line-height: 50px;
	background: #0359a8;
	color: #fff;
}
.more a:hover{
	background: #ff9600;
}
.js_about{height: 965px; width: 100%;background:url(../images/bjt2.jpg) no-repeat center;}
.js_about_n{width: 1300px; margin:0 auto;}
.js_about_na p{ line-height: 50px; font-size: 46px; color: #FFFFFF; padding-top: 115px;}
.js_about_nb p{ line-height: 35px; font-size: 18px; color: #FFFFFF; padding-top: 80px; width: 660px;}
.js_about_nd{height: 150px; width: 160px; background: #ff9600; margin-left: 575px; margin-top: 68px;}
.js_about_nd a{ height: 150px; width: 160px; font-size: 50px; color: #FFFFFF; line-height: 150px; display: block; text-align: center;}
.js_about_nd a:hover{font-size: 60px;}
.why{
	width: 840px;
	margin: 0 auto;
	padding-top: 80px;
}
.w-t{
	width: 100%;
	margin-bottom: 60px;
}
.w-t .wt-t{
	width: 610px;
	height: 81px;
	background: #0359a8;
	color: #fff;
	font-weight: bold;
	font-size: 55px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
}
.w-t .wt-b .wtb-l{
	width: 435px;
	text-align: right;
}
.w-t .wt-b .wtb-l h1{
	color: #0359a8;
	font-weight: bold;
	font-size:36px;
}
.w-t .wt-b .wtb-l h2{
	color: #111111;
	font-size:27px;
}
.w-t .wt-b .wtb-x{
	width: 3px;
	height: 80px;
	background: #e2e2e2;
	margin: 10px 25px 0 25px;
}
/*.w-t .wt-b .wtb-r{
	font-size: 68px;
	color: #111111;
}
.w-t .wt-b .wtb-r span{
	font-size: 68px;
	color: #ff9600;
}*/
.w-c{
	width: 100%;
	margin-bottom: 60px;
}
.w-c .wc-l{
	width: 550px;
	max-height: 315px;
	padding: 20px;
	text-align: center;
}
.w-c .wc-l img{
	max-width: 100%;
	max-height: 315px;
	margin: 0 auto;
}
.w-c .wc-r{
	width: 590px;
}
.w-c .wc-r .wcr-t{
	margin-top: 30px;
}
.w-c .wc-r .wcr-t .wcrt-l{
	padding-left: 25px;
	width: 205px;
	height: 46px;
	background: url('../images/jx1.png') 100% no-repeat;
	color: #fff;
	text-align: center;
	font-size: 28px;
	line-height: 47px;
}
.wcrt-r{
	width: 300px;
	max-height: 315px;
	padding-top: 15px;
	margin-left: 10px;
	font-size: 24px;
	color: #a1a1a1;
	border-top: 1px dashed #a1a1a1;
}
.wc-r h1{
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	padding: 40px 0 30px 0;
}
.wc-r .wcl-con{
	font-size: 16px;
	color: #666666;
}
.zj_dh{
	width: 100%;
}
.zj_dh img{
	width: 100%;
}
.zj_dh span{
	font-size: 1.4rem;
    color: #ffffff;
    position: absolute;
    top: 56%;
    left: 54%;
    /*width: 450px;*/
}
.pro-duct{
	margin: 50px 0;
}
.pro-duct ul li{
	width: 276px;
	height: 276px;
	margin-right: 24px;
	margin-bottom: 24px;
	float: left;
}
.pro-duct ul li:nth-child(4n){
	margin-right: 0;
}
.pro-duct ul li img{
	width: 276px;
	height: 276px;
}
.pro-duct ul li a{
	width: 276px;
	height: 276px;
	display: block;
	color: #fff;
	text-align: center;
}
.pro-duct ul li a .pro-tt{
	margin: 0 auto;
	padding: 70px 40px 50px 40px;
	font-size: 26px;
	transition: all 0.5s linear 0s;
	opacity: 1;/*可以改变数值*/
}
.pro-duct ul li a .pro-bt{
	opacity: 0.6;/*可以改变数值*/
	transition: all 0.5s linear 0s;
}
.pro-duct ul li a:hover .pro-tt{
	padding-top:50px;
	color: #0071b5;
	opacity: 0.8;/*可以改变数值*/
}
.pro-duct ul li a:hover .pro-bt{
	display: block;
	opacity: 1;/*可以改变数值*/

}
.news{
	padding: 50px 0;
	margin-top: 125px;
	background: url(../images/bjt1.jpg) no-repeat;
	background-position: center 100%; 
}
.news-l{
	width: 48%;
}
.news-l .nl-top{
	width: 100%;
	max-height: 340px;
	position: relative;
	z-index: 1;
}
.news-l .nl-top img{
	width: 100%;
	max-height: 340px;
}
.news-l .nl-top .rq{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	background: #0071b5;
	opacity: 0.7;
	z-index: 99;
	color: #ffffff;
	text-align: center;
}
.news-l .nl-top .rq .nl-t{
	font-size: 24px;
	font-weight: bold;
}
.news-l .nl-top .rq .nl-b{
	font-size: 16px;
}
.news-l .nl-bot{
	background: #fff;
	padding: 4%;
}
.news-l .nl-bot h1{
	width: 100%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222222;
    margin-bottom: 2%;
}
.news-l .nl-bot p{
	color: #666666;
    font-size: 16px;
}
.news-r{
	width: 50%;
}
.n-list li{
    width: 92%;
    padding: 4%;
    background: #fff;
    margin-bottom: 5.5%;
}
.n-list li .n-l{
    width: 15%;
    padding: 2% 0;
    color: #666666;
    text-align: center;
}
.n-list li .n-l .nl-t{
    font-size: 24px;
    font-weight: bold;
}
.n-list li .n-l .nl-b{
    font-size: 16px;
}
.n-list li .n-r{
    width: 80%;
}
.n-list li .n-r h1{
    width: 100%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222222;
    margin-bottom: 2%;
}
.n-list li .n-r p{
    color: #666666;
    font-size: 16px;
}
.n-list li:hover .n-l,.n-list li:hover .n-r h1{
    color: #0071b5;
}